<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="static/lib/bootstrap.min.css">
    <script src="static/lib/jquery-1.7.2.js"></script>
    <script src="static/lib/bootstrap.js"></script>

    <script src="static/lib/vue.js"></script>
    <script>

        $(document).ready(function ($) {
            $('#head').load('header.html');



            /* 鼠标特效 */
            $("body").click(function (e) {


                var a = [
                    "斗地主", "吃火锅", "打豆豆", "饮酒", "吃肉",
                    "狼人杀", "泡妹子", "耍流氓", "耍无赖", "身体将康",
                    "家人幸福", "找女朋友", "生猴子","蒸羊羔儿","蒸熊掌","蒸鹿尾儿","烧花鸭"
                    ,"烧雏鸡","烧子鹅","炉猪","炉鸭","酱鸡","腊肉","松花","小肚儿","晾肉","香肠儿","什锦苏盘儿"
                    ,"熏鸡白肚儿"
                ];
                var b = [
                    "#FFF68F", "#FFBBFF", "#FF0000", "#FF00FF", "#F08080",
                    "#008000", "#7FFFAA", "#0000CD", "#0000FF", "#080808"
                ];
                var a_index = Math.floor((Math.random() * a.length));
                var b_index = Math.floor((Math.random() * b.length));

                var color = b[b_index];
                var $i = $("<span/>").text(a[a_index]);
                /* a_idx = (a_idx + 1) % a.length; */
                var x = e.pageX,
                    y = e.pageY;

                $i.css({
                    "z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
                    "top": y - 20,
                    "left": x,
                    "position": "absolute",
                    "font-weight": "bold",
                    "color": color,
                });
                $("body").append($i);
                $i.animate({
                    "top": y - 180,
                    "opacity": 0
                }, 1500, function () {
                    $i.remove();
                });
            });
        });
    </script>
    <style>
        body {background-color: #F5F5F5}
        .logo{
            padding-left: 100px;
        }

        .loginuser{
            padding-left:35px;
            display: inline-block;
            font-size: 20px;
            background:url("static/imgs/headphoto.jpg") no-repeat;
            height: 35px;
            padding-top: 16px;
        }

        .logo span {
            font-size: 50px;
            color: #A2A2A2;
            display: inline-block;
            position: absolute;
            top: 10px;
        }
        .motto {
            padding-left: 20px;
            margin-top: 27px;
        }

        .login{
            text-align: right;
            font-size: 16px;
            color: #A2A2A2;
            padding-right: 80px;
            margin-top: 55px;
        }
        .phone {
            padding-left:18px ;
            background:  url("static/imgs/top-tel.jpg") left center no-repeat;
        }
        .login a {
            font-size: 16px;
            color: #A2A2A2;
        }
        .login a:link{color: #A2A2A2}		/* 未访问的链接 */
        .login a:visited {color: #A2A2A2}	/* 已访问的链接 */
        .login a:hover {color: #A2A2A2}	/* 鼠标移动到链接上 */
        .login a:active {color: #A2A2A2}

        .nav {
            height: 60px;
            background-color: #e91b05;
        }
        .mune {
            width: 30%;
            text-align: right;
        }
        .mune a {
            font-size: 35px;
            color: #ffffff;
            line-height: 60px;
            padding-left: 41px;
            background: url("static/imgs/mune.png") left center no-repeat;

        }
        .course {
            width: 1150px;
            margin: 0 auto;
        }
        .course-timg {
            text-align: center;
            font-size: 90px;
            margin-top: 20px;
            margin-bottom: 0px;
        }
        .course-timg img {
            width: 180px;
            height: 160px;
        }
        .course-timg span {
            display: inline-block;
            line-height: 120px;
            font-size: 140px;
            font-family: "Segoe Script";
        }
        .course-name {
            font-size: 30px;
            color: #B7B7B7;
            text-align: center;
        }
        .course-name a {
            font-size: 30px;
            color: #B7B7B7;
        }

        .course-list {
            width: 1168px;
            padding: 0 auto;
        }
        .course-item {
            border: #A2A2A2 1px solid;
            background-color: #E6E6E6;
            text-align: center;
            float: left;
            width: 250px;
            margin: 20px;
        }
        .course-item:hover{background-color: #F5F5F5;}
        .course-button:hover{background-color: #C0C0C0;}
        .course-item img {
            margin-bottom: 20px;
        }
        .course-item p {
            font-size: 25px;
        }
        .course-item span {
            font-size: 18px;
        }
        .course-button {
            margin-top: 20px;
            height: 60px;
            line-height: 60px;
            font-size: 30px;
            font-family: 楷体;
            font-style: italic;
            background-color: #A9A9A9;
        }
        .foot {
            clear: both;
            background-color: #29333D;
            text-align: center;
            color: #868686;
        }
        .foot hr {
            border: none;
            height: 1px;
            background-color: #868686;
        }
        .foot a {
            color: #868686;
        }
        .hightline {
            background-color: #F5F5F5;
        }
    </style>
</head>
<body>
<div id="head" ></div>
<div class="container-fluid"></div>
    <div class="nav">
        <div class="mune">
            <a>全部课程</a>
        </div>
    </div>
    <!--轮播图 start-->
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="static/imgs/1.jpg" alt="...">

            </div>
            <div class="item">
                <img src="static/imgs/2.jpg" alt="...">

            </div>
            <div class="item">
                <img src="static/imgs/3.jpg" alt="...">

            </div>

        </div>

        <!-- Controls -->
        <!--<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">-->
            <!--<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>-->
            <!--&lt;!&ndash;<span class="sr-only">Previous</span>&ndash;&gt;-->
        <!--</a>-->
        <!--<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">-->
            <!--<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>-->
            <!--&lt;!&ndash;<span class="sr-only">Next</span>&ndash;&gt;-->
        <!--</a>-->
    </div>
    <!--轮播图 end-->
    <div class="course">
        <div class="course-timg">
            <img src="static/imgs/timg.png"><span>IT</span>课程考核
        </div>
        <div class="course-name">
            <a>&nbsp;WEB前端 &nbsp;</a>/
            <a>&nbsp;JAVA&nbsp;</a>/
            <a>&nbsp;CISCO&nbsp;</a>/
            <a>&nbsp;HUAWEI&nbsp;</a>/
            <a>&nbsp;RET&nbsp;</a>/
            <a>&nbsp;ORACLE&nbsp;</a>
        </div>
        <div class="course-list">
            <div class="course-item">
                <a href="page/user/javaexamination.html">
                    <img src="static/imgs/java2.png" alt="">
                    <p>Java</p>
                    <span>Java大牛，在线考核</span>
                    <div class="course-button">Java考核</div>
                </a>
            </div>
            <div class="course-item">
                <a href="page/user/webexamination.html">
                    <img src="static/imgs/H5-2.png" alt="">
                    <p>Java</p>
                    <span>Web大牛，在线考核</span>
                    <div class="course-button">Web考核</div>
                </a>
            </div>
            <div class="course-item">
                <img src="static/imgs/cisco.png" alt="">
                <p>Cisco</p>
                <span>网络思科，在线考核</span>
                <div class="course-button">CISCO考核</div>
            </div>
            <div class="course-item">
                <img src="static/imgs/cisco.png" alt="">
                <p>Cisco</p>
                <span>网络思科，在线考核</span>
                <div class="course-button">CISCO考核</div>
            </div>
            <div class="course-item">
                <img src="static/imgs/cisco.png" alt="">
                <p>Cisco</p>
                <span>网络思科，在线考核</span>
                <div class="course-button">CISCO考核</div>
            </div>
            <div class="course-item">
                <img src="static/imgs/cisco.png" alt="">
                <p>Cisco</p>
                <span>网络思科，在线考核</span>
                <div class="course-button">CISCO考核</div>
            </div>
            <div class="course-item">
                <img src="static/imgs/cisco.png" alt="">
                <p>Cisco</p>
                <span>网络思科，在线考核</span>
                <div class="course-button">CISCO考核</div>
            </div>
            <div class="course-item">
                <img src="static/imgs/cisco.png" alt="">
                <p>Cisco</p>
                <span>网络思科，<在线考核></在线考核></span>
                <div class="course-button">CISCO考核</div>
            </div>
        </div>
    </div>
    <div class="foot">
        <hr/>
        <p>友情连接</p>
        <span>
            <a>百度一下</a>|
            <a>沈阳日语培训班</a>|
            <a>职业技术学院</a>|
            <a>在职博士</a>|
            <a>深圳英语培训机构</a>|
            <a>辽宁自考</a>|
            <a>深圳培训机构</a>|
            <a>郑大自考</a>
        </span>
        <hr/>
        <p>Copyright&copy;2006-2017广州腾科网络技术有限公司 All reserved 粤ICP备12042196号-1</p>
    </div>





</body>
</html>